聯系我們
導讀：隨著互聯網的發展，很多企業都在互聯網上建立自己的網站，特別是近隨著響應式設計趨勢的發展，不少企業考慮做響應式網站。但是在網站設計之初，更多的重點是在于響應式的圖片或文本
發表日期：2019-12-09
文章編輯：興田科技
瀏覽次數：10891
標簽：
隨著互聯網的發展，很多企業都在互聯網上建立自己的網站，特別是近隨著響應式設計趨勢的發展，不少企業考慮做響應式網站。但是在網站設計之初，更多的重點是在于響應式的圖片或文本這方面，而對于公司的logo卻很少去做到響應式。要知道，logo是企業的重要標識之一，直觀展示了一個企業的文化特色、價值取向，代表著公司的整體形象。如果網站的Logo無法做到響應式，在小屏幕等移動設備上可能會出現顯示不清的問題，這樣容易影響公司品牌形象在用戶心目中的樹立，難以發揮Logo在品牌宣傳等方面的作用。
基本原則：簡潔性
相比復雜的事物，人腦更能記住簡單的，品牌Logo的設計也是一樣。這一點我們可以看看Apple在1976年設計的Logo(下圖左側)，它結合了牛頓受蘋果落地啟發悟出萬有引力定律的故事，看上去確實很有創意，但是這個logo實在太復雜了，元素太多了。不出意外，第二年Apple就重新設計了一個Logo(下圖右側)。據說這是因為Steve Jobs強烈要求設計師設計出一個更加簡單、深刻、現代化的logo。盡管Apple新設計的Logo顏色比較多彩，但在接下來的三四十年中Apple公司一直沿用了整體的形狀設計。毫無疑問，Apple的Logo是歷具辨識度和標志性的Logo之一。從這我們也可以看出，logo設計中簡易性的重要，如果Logo足夠簡單，它可以輕易適用于不同尺寸的所有設備。Apple的Logo幾乎算得上是響應式設計的范例，盡管幾十年前它主要針對的是網站的可用性。
下圖也是一個關于Logo簡潔性的栗子。左側是Great Lakes Golf的Logo，上面有很多元素(文字、線條、圖形)，一眼看上去覺得很擁擠。而且在全屏顯示時，基本元素可以看清，但是如果它縮小50%，網站上球形已經無法辨認了，這影響了品牌形象、重要信息特征的有效傳遞。而右側skype的Logo就很簡潔、干凈(主要就是字體)，一目了然，更能讓人記住，在小屏幕的移動設備上進行縮放時它也可以適應，就算縮小到小比例，Logo仍能呈現為可辨認的"S"字符。這兩個網站的對比讓我們看到了簡單的Logo設計的優勢所在，簡單的Logo設計更加符合響應式網站的設計。
科技行業的范例：
Facebook不愧為業界的巨頭，它緊跟響應式網站設計的潮流，注重Logo在不同設備上的一致表現，一直在如何簡化公司Logo這個問題上不停探索。2013年，去掉了F下方的淡藍色線條，2015年，將字母a從雙層字體設計變成單層設計，其他字母也進行了不同程度的改良，字母間的空隙也有所增大。這種改變可能并不大，但改良后的Logo卻更加圓滑，給人更友好的感覺，也方便在更小、更低分辨率的設備上識別。
Google在簡化Logo這方面也算得上一個典范。1998，谷歌正式成立時，公司Logo還是使用短粗的字體搭配紅色陰影，還帶有"!"，算是向當時的搜索巨頭"Yahoo!"致敬吧。接下來的十年里，谷歌的Logo一直在進行微調，去掉感嘆號，字體逐漸變修長，陰影、高光效果越來越淺。
2013年，為了迎合扁平化的設計風潮，谷歌推出了新款Logo，其中大的改變就是去掉了字母上的陰影效果。2014年，谷歌逐漸意識到單薄的襯線字體不能很好的適應響應式網站設計，所以它開始使用無襯線字體，讓Logo看上去更加簡潔，這算得上谷歌Logo很大的一次變動了。隨后谷歌又推出了緊湊版的"G"圖標，它與整體Logo的柵欄系統相同，四色的填充也確保了視覺的平衡感。從這一系列的改動之中，我們可以看出Google在Logo改動方面是比較保守謹慎的，但它一直致力于創造出更加簡單、更能與用戶互動的Logo。也正是因為Google的孜孜不倦，它才會在響應式迅速發展的今天依舊深受用戶的喜愛。
上一篇：
如何構架Web服務器上一篇：
網站內容不收錄，seoer該怎么做？更多新聞
2020
關于深圳seo，在這里（SEO公司）給各位企業老板普及一下企業要做SEO優化推廣的必要性。SEO是指在了解搜索引擎自然排名機制的基礎之上，對企業網站進行內部及
View details
2020
關于seo，蜘蛛陷阱就是網站頁面表面看起來很正常，但是蜘蛛程序爬行網站的時候，因為遇到障礙物，并不能真正的爬行。下面小編告訴大家seo工作如何避免蜘蛛陷
View details
2020
關于搜索引擎優化，現在的企業都要擁有自己的網站，因為他可以給給公司帶來方方面面的幫助。比如常規的官方網站，主要用來展示公司的一些相關信息。比如公
View details
2020
作為seoer假如你做的網站不被百度收錄，其中是有很多緣由的，那么做seo優化的話就要留意這些細節問題?！ ∫?、面包屑導航 它的作用并不像導航欄需求
View details
